<template>
  <div class="min-h-screen flex flex-col items-center justify-center bg-gradient-to-b from-white to-green-100">
    <h1 class="text-6xl font-bold mb-4 text-red-500">出错啦！</h1>
    <p class="text-xl text-gray-700 mb-6">{{ error.statusCode }} - {{ error.message }}</p>
    <NuxtLink to="/" class="px-6 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition">返回首页</NuxtLink>
  </div>
</template>

<script setup>
defineProps({ error: Object })
</script> 